<template>
    <div class="body">
        <div class="top">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>监控管理</el-breadcrumb-item>
                <el-breadcrumb-item>数据监控</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <iframe :src="src"  style="width: 100%;height: 95%" scrolling="auto" frameborder="0" />
    </div>
</template>

<script>
    export default {
        name: "sqlMonitor",
        data() {
            return {
                src: "http://www.spiderman.fun:8081/druid/index.html",
            };
        },

    }
</script>

<style scoped>
    .body{
        height: 100%;
    }
    .top{
        margin-bottom: 12px;
    }

</style>
